<template>
  <div class="sort">
    <div class="content_catag_container">
      <h2 class="content_catag_title">个人总111结</h2>
      <p>这家伙很懒，还没填写该栏目的介绍呢~</p>
    </div>

    <List v-for="(item,index) in list" :key="index" :list="item" />
<!--    <div class="pages">-->
<!--      <Page :total="page.total" :page-size="page.count" show-total @on-change="PageChange" />-->
<!--    </div>-->
  </div>
</template>

<script>
import List from "~/components/list.vue";
export default {
  data() {
    return {
      list: "",
      page: {
        count: 2, // 一页显示多少条
        size: 1, // 当前在第几页
        total: 0 // 总条数
      }
    };
  },
  components: {
    List
  },
  created() {
    this.$axios
      .$get(`/v1/tag/${this.$route.params.keyword}`)
      .then(con => {
        this.list = con.data;
        console.log(this.list)
      });
  },
  methods: {

  }
};
</script>

<style lang="scss" scoped>
.content_catag_container {
  margin: 0;
  background-color: #fff;
  padding: 10px;
  border: 1px solid #eaeaea;
  margin-bottom: 15px;
  p {
    color: #999;
  }
}
.content_catag_title {
  font-size: 18px;
  line-height: 22px;
  margin: 0;
  padding: 0;
}
.pages {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px;
}
</style>
